<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>个人博客</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet"
          href="../static/bootstrap-3.3.5-dist/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet"
          href="../static/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script
            src="../static/bootstrap-3.3.5-dist/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script
            src="../static/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    <script>
        var b = window.screen.availWidth;//工作区宽度
        var s = document.documentElement.scrollWidth;//网页真实宽度 也就是肉眼看到的宽度
        function start() {
            //$("body1").css(width,b);
            //  alert(b);
            //  document.getElementById("body1").style.width=b+'px';
            // $("div1").css("width",b);
            //   var xx=getScrollTop();
            // alert(xx);
            var xx1 = getScrollWidth();
            // alert(xx1);
            document.getElementById("totalall").style.width = b - xx1 + 'px';
        }

        function getScrollWidth() {
            var noScroll, scroll, oDiv = document.createElement("DIV");
            oDiv.style.cssText = "position:absolute; top:-1000px; width:100px; height:100px; overflow:hidden;";
            noScroll = document.body.appendChild(oDiv).clientWidth;
            oDiv.style.overflowY = "scroll";
            scroll = oDiv.clientWidth;
            document.body.removeChild(oDiv);
            return noScroll - scroll;
        }
        //alert(s);
    </script>
</head>
<body id="body1" style=" height: auto;width: auto;" onload="start()">
<div id="totalall" style=" height: 100%;">
    <!-- 整体div -->
    <div id="total_head" style="width: 100%;height: 50px;">
        <!-- 顶部悬浮框  navbar navbar-default navbar-static-top    navbar navbar-inverse-->
        <div class="navbar navbar-inverse navbar-static-top "
             style="margin-bottom: 0px; height: 50px;width:100%;">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#"> <!-- glyphicon glyphicon-home -->
                        <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
                    </a>

                </div>
                <div class="navbar-collapse collapse" role="navigation">
                    <ul class="nav navbar-nav ">
                        <li class="hidden-sm hidden-md"><a
                                href="http://v2.bootcss.com/" target="_blank"
                                onclick="_hmt.push(['_trackEvent', 'navbar', 'click', 'v2doc'])">Bootstrap2中文文档</a></li>
                        <li><i class="fa fa-fire job-hot"></i><a
                                href="http://www.51jingying.com/common/searchcase.php?caseName=%C7%B0%B6%CB&area=&highPay=&industry=&spyKeyWords=&5CC4CE=1401"
                                target="_blank"
                                onclick="_hmt.push(['_trackEvent', 'navbar', 'click', 'navbar-后端高薪职位'])">后端高薪职位</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right hidden-sm">
                        <li><img
                                src="../static/pic/logo.jpg"
                                alt="img" class="img-circle" style="width: 45px; height: 45px"></li>
                        <li class="dropdown"><a href="#" class="dropdown-toggle"
                                                data-toggle="dropdown" role="button" aria-haspopup="true"
                                                aria-expanded="false"><span class="glyphicon glyphicon-list"
                                                                            aria-hidden="true"
                                                                            style="font-size: 20px;"></span><span
                                class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">个人资料</a></li>
                                <li><a href="#">修改头像</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">退出登录</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="total_body"
         style="width: 100%;height:1200px;background-image:url(../static/pic/blog/backgroundimage.gif);float: left;">
        <!-- 身体 -->
        <div id="total_body_1" style="width: 1079px;height:100%;margin:0 auto;">
            <!--background-image:url('${pageContext.request.contextPath}/static/pic/blog/myblogimage.jpg');  -->
            <div id="total_body_1_1" style="width:1079px;height:200px;float: left;"><img
                    src="../static/pic/blog/myblogimage1.jpg" alt="404"
                    style="width: 1079px;position: relative;float: left;"/></div>
            <div id="total_body_1_2"
                 style="margin-top: 0px;width: 1079px;height:1000px;z-index: 1;position: relative;float: left;">
                <div id="total_body_1_2_1" style="width: 100%;height: 50px;background-color: red;"><!---->
                </div>
                <div id="total_body_1_2_2" style="float: left;width: 100%;height: 100%;"><!--总内容div-->
                    <div id="total_body_left" style="width: 250px;height: auto;float: left;"><!--左侧内容-->
                        <div id="total_body_1_2_2_1" style="width: 250px;height: 380px;background-color:#FFFFFF;">
                            <!--个人资料div-->
                            <div id="total_body_1_2_2_1_1" style="">
                                <h4 style="border: 0px;background-color:#eccea2;height: 30px;padding-top: 6px;margin-top: 0px;margin-bottom: 0px;">
                                    个人资料</h4>
                            </div>
                            <div id="total_body_1_2_2_1_2" style="width: 100%;height:auto;">
                                <div id="total_body_1_2_2_1_2_1"
                                     style="width: 100px;height: 80px;background-color: #eccea2;margin: auto;margin-top: 30px;">
                                    <img>
                                </div>
                                <div id="total_body_1_2_2_1_2_2"
                                     style="width: 100px;height: 20px;background-color: red;margin: auto;margin-top:10px;">
                                    <h4 style="text-align: center;">张大炮</h4>
                                </div>
                                <div id="total_body_1_2_2_1_2_3"
                                     style="width: 180px;height: auto;margin-top: 0px;margin-left: auto;margin-right: auto;">
                                    <h3 style="border-bottom:1px dashed #FFE7BA;height:3px;margin-top: 10px;">
                                        &nbsp;</h3>
                                </div>
                                <div id="total_body_1_2_2_1_2_4"
                                     style="width: 180px;height: auto;margin-top: 0px;margin-left: auto;margin-right: auto;">
                                    <p>1</p>
                                </div>
                                <div id="total_body_1_2_2_1_2_5" style="width: 180px;height: auto;margin-top: 0px;">
                                    <ul style="list-style: none;padding-left: 20px;">
                                        <li>访问:9100次</li>
                                        <li>积分:686</li>
                                        <li>等级: 平1</li>
                                        <li>排名: 万里之外</li>
                                    </ul>
                                </div>
                                <div id="total_body_1_2_2_1_2_6"
                                     style="width: 180px;height: auto;margin-top: 0px;margin-left: auto;margin-right: auto;">
                                    <h3 style="border-bottom:1px dashed #FFE7BA;height:3px;margin-top: 10px;">
                                        &nbsp;</h3>
                                </div>
                                <div id="total_body_1_2_2_1_2_7" style="width: 240px;height: auto;margin-top: 0px;">
                                    <ul style="list-style: none;padding-left: 20px;float: left;">
                                        <li style="width: 100px;float: left;">原创:52篇</li>
                                        <li style="width: 100px;float: left;">转载:2篇</li>
                                        <li style="width: 100px;float: left;">译文:0篇</li>
                                        <li style="width:100px;float: left;">评论:1条</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div id="total_body_1_2_2_2"
                             style="width: 250px;height: 80px;background-color:#FFFFFF;margin-top: 20px;float: left;">
                            <!--文章搜索div-->
                            <div id="total_body_1_2_2_2_1">
                                <h4 style="border: 0px;background-color:#eccea2;height: 30px;padding-top: 6px;margin-top: 0px;margin-bottom: 0px;">
                                    文章搜索</h4>
                            </div>
                            <div style="width: 100%;height: 50px;">
                                <input type="text" class="form-control" placeholder="搜索"
                                       style="width:190px;height: 30px;margin-top: 10px;margin-left: 2px;float: left;"/>
                                <button type="button" class="btn btn-default"
                                        style="float: left; margin-top: 8px;margin-left: 2px;">查询
                                </button>
                            </div>
                        </div>
                        <div id="total_body_1_2_2_3"
                             style="width: 250px;height: 300px;background-color:#FFFFFF;margin-top: 120px;">
                            <!--文章分类div-->
                            <div id="total_body_1_2_2_3_1">
                                <h4 style="border: 0px;background-color:#eccea2;height: 30px;padding-top: 6px;margin-top: 0px;margin-bottom: 0px;">
                                    文章分类</h4>
                            </div>
                            <div id="total_body_1_2_2_3_1_1" style="width:240px;height: auto;margin-top: 0px;">
                                <ul style="list-style: none;padding-left:30px;float: left;">
                                    <li style="width: 100px;margin-top: 10px;">java</li>
                                    <li style="width: 100px;margin-top: 10px;">c++</li>
                                    <li style="width: 100px;margin-top: 10px;">译文:0篇</li>
                                    <li style="width: 100px;margin-top: 10px;">评论:1条</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="total_body_right" style="width: 820px;height:1000px;float: left;margin-left: 9px;background-color:#FFFFFF;padding-left: 15px;padding-top: 30px; padding-right: 30px;"><!--博客内容-->
                       <h3>标题</h3>
                        <div class="input-group">
                            <input type="text" class="form-control" aria-label="...">
                            <div class="input-group-btn">
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button>
                                <ul class="dropdown-menu dropdown-menu-right">
                                    <li><a href="#">原创</a></li>
                                    <li><a href="#">转载</a></li>
                                    <li><a href="#">翻译</a></li>
                                </ul>
                            </div><!-- /btn-group -->
                        </div><!-- /input-group -->
                        <h4><strong>博客摘要</strong></h4>
                        <textarea class="form-control" rows="2"></textarea>
                        <h4><strong>博客正文</strong></h4>
                        <div>
                        <!-- 加载编辑器的容器 -->
                        <script id="container" name="content" type="text/plain">开始记录博客吧
                        </script>
                        <!-- 配置文件 -->
                        <script type="text/javascript" src="../static/utf8-jsp/ueditor.config.js"></script>
                        <!-- 编辑器源码文件 -->
                        <script type="text/javascript" src="../static/utf8-jsp/ueditor.all.js"></script>
                        <!-- 实例化编辑器 -->
                        <script type="text/javascript">
                            //ar ue = UE.getEditor('container');
                            var editor = new UE.ui.Editor({initialFrameHeight:260
                            });
                            editor.render("container");
                            //var ue = editor.getEditor('container');
                        </script>
                        </div>
                        <h4><strong>关键字</strong></h4>
                        <input type="text" class="form-control" aria-label="..." placeholder="以便搜索">

                        <h4><strong>设置</strong></h4>
                        <div>
                            <span><p>是否置顶</p></span>
                            <span><p>是否允许评论:</p></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="total_foot"></div> <!--脚部-->
</div>
</body>
</html>